import Vue from 'vue'
import store from '@/store'

// 在 vue 根实例创建之前，就要准备好自定义指令
// Vue.directive(指令的名称， {指令的配置信息，包含钩子函数})
Vue.directive('perm', {
  // 这个指令的功能其实在 bind 或者 inserted 中处理均可
  inserted(el, binding) {
    // console.log(el)
    // 1. el继续显示，表示有这个权限，可以点击
    // 2. el不显示，表示没有权限，不可点击
    // 根据什么判断用户有这个按钮的权限
    const points = store.state.user.userinfo?.roles?.points || []
    // 要之前当前按钮绑定的是什么操作权限点
    if (!points.includes(binding.value)) {
      el.style.display = 'none' // ==> 没权限
    }
  }
})
